// 页面公共区域
.iBut(@color:#00a7ed) {
    display: inline-block;
    width: 100px;
    line-height: 26px;
    text-align: center;
    color: @color;
    border: 1px solid @color;
}
.index {
    .i_more {
        width: 100%;
        a {
            .iBut(#b3b3b3);
            display: block;
            margin: 0 auto;
        }
    }
}
// 页面独有
.index_banner {
    padding-top: 82px;
    .swiper-container {
        min-width: 1200px;
        overflow: hidden;
        width: 100%;
        height: 601px;
        text-align: center;
        position: relative;
        img {
            .wh();
        }
        .pagination {
            position: absolute;
            z-index: 20;
            bottom: 24px;
            width: 100%;
            text-align: center;
        }
        .swiper-pagination-switch {
            display: inline-block;
            width: 13px;
            height: 13px;
            border-radius: 8px;
            background: #fff;
            margin: 0 5px;
            opacity: 0.8;
            border: 1px solid #fff;
            cursor: pointer;
        }
        .swiper-active-switch {
            background: #00a7ed;
        }
    }
    .series {
        height: 47px;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        &-list {
            .mBox();
            &-item {
                float: left;
                a {
                    display: block;
                    line-height: 45px;
                    width: 300px;
                    text-align: center;
                    border-right: 1px solid #dddddd;
                    &:nth-of-type(1) {
                        border-left: 1px solid #dddddd;
                    }
                }
            }
        }
    }
    .submenu {
        min-width: 1200px;
        border-bottom: 1px solid #dddddd;
        background-color: #f3f3f3;
        .sub_box {
           .mBox();
        }
        &-search, &-phone {
            float: left;
        }
        &-search {
            &-input, &-hot {
                float: left;
            }
            &-input {
                width: 300px;
                margin-top: 20px;
                position: relative;
                input[type="text"] {
                    width: 204px;
                    height: 47px;
                    padding: 5px;
                    border: 1px solid #dddddd;
                    background-color: #fff;
                }
                input[type="submit"] {
                    width: 96px;
                    height: 47px;
                    background-color: #00a7ed;
                    border: none;
                    background-repeat: no-repeat;
                    background-position: 34px 8px;
                    position: absolute;
                    right: 1px;
                }
            }
            &-hot {
                line-height: 91px;
                margin-left: 12px;
                margin-right: 64px;
                font-size: 14px;
                span {
                    color: #757575;
                }
                a {
                    color: #757575;
                    margin-right: 15px;
                    &:hover {
                        text-decoration: underline;
                    }
                }
                .hot_name {
                    color: #393939;
                    margin-right: 5px;
                }
            }
        }
        &-phone {
            p {
                line-height: 89px;
            }
            &-name {
                font-size: 14px;
                color: #757575;
            }
            &-num {
                font-size: 20px;
                color: #00a7ed;
            }
        }
    }
}

.index_main {

    // 产品展示
    .product {
        &-top {
            border-bottom: 1px solid #dddddd;
            &-menu {
                .mBox(618px);
                padding-top: 53px;
                padding-bottom: 13px;
            }
        }
        &-list {
            .mBox();
            &-item {
                padding-top: 59px;
                width: 279px;
                float: left;
                margin-right: 27px;
                &:nth-of-type(4n) {
                    margin-right: 0;
                }
            }
        }
    }
    .pr_item {
        float: left;
        margin-right: 48px;
        text-align: center;
        &:nth-of-type(4) {
            margin: 0;
        }
        a {
            color: #9b9b9b;
        }
        a.pr_item-active {
            color: #00a7ed;
            &:after {
                display: block;
                content: "";
                position: relative;
                bottom: -13px;
                .mBox(82px);
                height: 3px;
                background-color: #00a7ed;
            }
        }
    }
    .pr_pic {
        width: 100%;
        height: 294px;
        margin-bottom: 17px;
        cursor: pointer;
        overflow: hidden;
        img {
            transition: all 1s;
            &:hover {
                transform: scale(1.2);
            }
            .wh();
        }
    }
    .pr_txt {
        color: #6f6f6f;
        position: relative;
        &-name {
            padding-bottom: 6px;
            font-size: 14px;
        }
        p {
            width: 180px;
            .omit();
        }
        .i_but {
            position: absolute;
            right: 0;
            bottom: 0;
            .iBut();
        }
    }

    // 公司简介
    .intro {
        padding-top: 53px;
        background-color: #f8f8f8;
    }

    // 产品介绍
    .referral {
        .mBox();
        &-content {
            padding-top: 77px;
            &-referral, &-pic {
                float: left;
            }
            &-referral {
                margin-right: 111px;
                margin-left: 98px;
            }
            &-pic {
                max-height: 540px;
                img {
                    height: 100%;
                }
            }
        }
    }
    .re_pic {
        width: 516px;
        img {
            width: 516px;
        }
    }
    .re_refer {
        padding-top: 22px;
        padding-bottom: 31px;
        position: relative;
        &:after {
            display: block;
            content: '';
            height: 2px;
            width: 43px;
            background-color: #00a7ed;
            position: absolute;
            bottom: 0;
        }
        p {
            font-size: 20px;
            color: #000;
        }
    }
    .re_text {
        width: 410px;
        padding-top: 34px;
        line-height: 2em;
        height: 216px;
        font-size: 14px;
        color: #6a6a6a;
    }
    .re_more {
        a {
            .iBut();
        }
    }

    // 新闻
    .news {
        min-width: 1200px;
        background-color: #f8f8f8;
        &-list {
            padding-bottom: 56px;
            .mBox();
            &-item {
                width: 530px;
                margin-top: 43px;
                float: left;
                &:nth-of-type(odd) {
                    margin-right: 40px;
                }
                .news_pic, .news_details {
                    float: left;
                }
            }
        }
    }
    .news_pic {
        width: 197px;
        height: 124px;
        margin-right: 16px;
        img {
            .wh();
        }
    }
    .news_details {
        width: 317px;
        padding-top: 16px;
        &-title {
            font-size: 14px;
            color: #090909;
        }
        &-text {
            padding-top: 10px;
            font-size: 12px;
            line-height: 2em;
            color: #848484;
        }
    }
}